<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>对账上传</title>
    <meta name="description" content="Static &amp; Dynamic Tables" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- bootstrap & fonts -->
    <link rel="stylesheet" href="../../../static/ace/css/bootstrap.css" />
    <link rel="stylesheet" href="../../../static/ace/css/font-awesome.css" />

    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="../../../static/bootstrap-select/css/bootstrap-select.css" />
    <link rel="stylesheet" href="../../../static/ace/css/datepicker.css" />

    <!--  ace styles & fonts & common -->
    <link rel="stylesheet" href="../../../static/ace/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
    <link rel="stylesheet" href="../../../static/ace/css/ace-fonts.css" />
    <link rel="stylesheet" href="../../../static/css/common.css"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../../static/ace/css/ace-part2.css" class="ace-main-stylesheet"/>
    <![endif]-->
    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../../static/ace/css/ace-ie.css"/>
    <![endif]-->

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
    <!--[if lte IE 8]>
    <script src="../../../static/ace/js/html5shiv.js"></script>
    <script src="../../../static/ace/js/respond.js"></script>
    <![endif]-->
    <style>
        .hand {
            cursor: pointer !important;
        }
    </style>
</head>
<body class="no-skin">
<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>
    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <div class="row" id="searchDiv">
                    <div class="widget-box transparent">
                            <div class="widget-header widget-header-flat" style="color: #000">
                                <h4 class="widget-title lighter">
                                    <i class="ace-icon fa fa-search"></i>
                                    搜索
                                </h4>
                                <div class="widget-toolbar">
                                    <a href="#" data-action="collapse">
                                        <i class="ace-icon fa fa-chevron-up"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="widget-body" style="display: block;">
                                <div class="widget-main padding-10">
                                    <!-- start condition -->
                                    <div class="row">
                                        <div class="form-horizontal">
                                            <label class="col-md-1 control-label">交易日期</label>
                                            <div class="col-md-4">
                                                <div class="input-daterange input-group width-100" data-date-format="yyyy-mm-dd">
                                                    <input type="text" class="input-sm form-control" data-date-format="yyyy-mm-dd" id="beginDate" name="startDate" placeholder="开始日期"/>
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-exchange"></i>
                                                    </span>
                                                    <input type="text" class="input-sm form-control" id="endDate" name="endDate" placeholder="结束日期"/>
                                                </div>
                                            </div>
                                            <div class="col-md-1"></div>
                                            <label for="tradeType" class="col-md-1 control-label">交易类型</label>
                                            <div class="col-md-4">
                                                <select id="tradeType" class="form-control selectpicker" data-style="btn-white" data-width="100%" title="选择交易类型">
                                                    <option value="">不限</option>
                                                    <option value="0">消费</option>
                                                    <option value="1">退款</option>
                                                </select>
                                            </div>
                                            <div class="col-md-1"></div>
                                            <div class="col-md-12 col-md-12 col-xs-12 hr hr12 hr-dotted"></div>
                                            <label for="channelCode" class="col-md-1 control-label">渠道名称</label>
                                            <div class="col-md-4">
                                                <select id="channelCode" class="form-control selectpicker" data-style="btn-white" data-width="100%" data-live-search="true" title="选择渠道名称">
                                                    <option value="">不限</option>
                                                </select>
                                            </div>
                                            <div class="col-md-1"></div>
                                            <div class="col-md-2">
                                                <div class="inline">
                                                    <label>
                                                        <input id="filterEqual" name="filterEqual" type="checkbox" class="ace">
                                                        <span class="lbl"> 筛选差异数据</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3 operateDiv pull-right">
                                                <button id="btn-query" type="button" data-rel="tooltip" title="查询" class="order-input btn btn-light btn-sm">
                                                    <i class="ace-icon fa fa-search bigger-120"></i>
                                                </button>
                                                <button id="btn-reset" type="button" data-rel="tooltip" title="重置" class="order-input btn btn-light btn-sm">
                                                    <i class="ace-icon fa fa-reply bigger-120"></i>
                                                </button>
                                            </div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </div>
                                    <!-- end condition -->
                                </div><!-- /.widget-main -->
                            </div><!-- /.widget-body -->
                        </div>

                    <div class="col-md-12">
                        <div class="align-right red" style="font-weight: bold;">单位(元)</div>
                        <div>
                            <table id="statistics-table" class="table table-striped table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th class="center" rowspan="2">交易日期</th>
                                    <th class="center" rowspan="2">渠道名称</th>
                                    <th class="center" rowspan="2">交易类型</th>
                                    <th class="center" colspan="2">系统对账数据</th>
                                    <th class="center" colspan="2">银行对账数据</th>
                                    <th class="center" colspan="2">系统已收银行未收</th>
                                    <th class="center" colspan="2">银行已收系统未收</th>
                                </tr>
                                <tr>
                                    <th class="center">总笔数</th>
                                    <th class="center">总金额</th>

                                    <th class="center">总笔数</th>
                                    <th class="center">总金额</th>

                                    <th class="center">总笔数</th>
                                    <th class="center">总金额</th>

                                    <th class="center">总笔数</th>
                                    <th class="center">总金额</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>

                </div><!-- /.col -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
</div><!-- /.main-container -->

<!-- basic scripts -->
<!--[if !IE]> -->
<script src="../../../static/ace/js/jquery.js"></script>
<!-- <![endif]-->

<!--[if IE]>
<script src="../../../static/ace/js/jquery1x.js"></script>
<![endif]-->

<script src="../../../static/ace/js/bootstrap.js"></script>
<script src="../../../static/ace/js/ace.js"></script>
<script src="../../../static/js/pub.js"></script>

<!-- page specific plugin scripts -->
<!--datatables组件-->
<script src="../../../static/ace/js/dataTables/jquery.dataTables.js"></script>
<script src="../../../static/ace/js/dataTables/jquery.dataTables.bootstrap.js"></script>
<!--日期组件-->
<script src="../../../static/ace/js/date-time/bootstrap-datepicker.js"></script>
<script src="../../../static/ace/js/date-time/daterangepicker.js"></script>
<!--下拉框选择组件-->
<script src="../../../static/js/pinyin.js"></script>
<script src="../../../static/bootstrap-select/js/bootstrap-select.js"></script>

<script src="reconStatistics.js"></script>
</body>
</html>
